<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div class="box">
        <!-- 头部 -->
        <div class="title">
            <p><img src="../u1543.png">
                <span>王明伟医生</span></p>
            <img src="../u777.png" alt="">
        </div>
        <!-- 导航栏 -->
        <div class="nav">
            <ul>
                <li>
                    <span>已签约人数</span>
                    <h4>10001112222</h4>
                </li>
                <li>
                    <span>待签约人数</span>
                    <h4>20</h4>
                </li>
                <li>
                    <span>居民总数</span>
                    <h4>1020</h4>
                </li>
                <li>
                    <span>待处理服务量</span>
                    <h4>10</h4>
                </li>
                <li>
                    <span>服务总量</span>
                    <h4>100</h4>
                </li>
                <li>
                    <span>服务评价</span>
                    <h4>4.9</h4>
                </li>
            </ul>
            <div class="nav_box">
                <div>
                    <p>
                        <img src="../新建档案.png" alt="">
                    </p>
                    <span>新建档案</span>
                </div>
                <div>
                    <p style="background-color: #fddb78;">
                        <img src="../签约管理.png" alt="">
                    </p>
                    <span>签约管理</span>
                </div>
                <div>
                    <p style="background-color: #fa746b;">
                        <img src="../服务管理.png" alt="">
                    </p>
                    <span>服务管理</span>
                </div>
            </div>
        </div>
        <!-- 列表内容 -->
        <section>
            <div>
                <p>签约申请<span>查看全部&nbsp;&gt;</span></p>
                <ul>
                    <li>
                       <div>
                        <p>王小明 <span>58岁</span></p>
                        <i>
                            <img src="../图钉.png" alt="">
                        </i>
                       </div>
                        <h5>待审核</h5>
                    </li>
                    <li>
                        <h3>身份证号 <span>3245*****2302</span></h3>
                    </li>
                    <li>
                        <h3>签约团队 <span>李明明团队</span></h3>
                    </li>
                    <li>
                        <h3>服务包 <span>老年人</span></h3>
                    </li>
                </ul>
                <ul>
                    <li>
                       <div>
                        <p>王小明 <span>58岁</span></p>
                        <i>
                            <img src="../图钉.png" alt="">
                        </i>
                       </div>
                        <h5>待审核</h5>
                    </li>
                    <li>
                        <h3>身份证号 <span>3245*****2302</span></h3>
                    </li>
                    <li>
                        <h3>签约团队 <span>李明明团队</span></h3>
                    </li>
                    <li>
                        <h3>服务包 <span>老年人</span></h3>
                    </li>
                </ul>
                <ul>
                    <li>
                       <div>
                        <p>王小明 <span>58岁</span></p>
                        <i>
                            <img src="../图钉.png" alt="">
                        </i>
                       </div>
                        <h5>待审核</h5>
                    </li>
                    <li>
                        <h3>身份证号 <span>3245*****2302</span></h3>
                    </li>
                    <li>
                        <h3>签约团队 <span>李明明团队</span></h3>
                    </li>
                    <li>
                        <h3>服务包 <span>老年人</span></h3>
                    </li>
                </ul>
            </div>
            <div>
                <p>服务申请<span>查看全部&nbsp;&gt;</span></p>
                <ul>
                    <li>
                       <div>
                        <p>王小明 <span>58岁</span></p>
                        <i>
                           机构门诊
                        </i>
                       </div>
                        <h5>待审核</h5>
                    </li>
                    <li>
                        <h3>服务包 <span>老年人服务包</span></h3>
                    </li>
                    <li>
                        <h3>服务项目 <span>高血压健康随访</span></h3>
                    </li>
                    <li>
                        <h3>申请时间 <span>2020/09/09 10:09:09</span></h3>
                    </li>
                </ul>
                <ul>
                    <li>
                       <div>
                        <p>王小明 <span>58岁</span></p>
                        <i>
                           机构门诊
                        </i>
                       </div>
                        <h5>待审核</h5>
                    </li>
                    <li>
                        <h3>服务包 <span>老年人服务包</span></h3>
                    </li>
                    <li>
                        <h3>服务项目 <span>高血压健康随访</span></h3>
                    </li>
                    <li>
                        <h3>申请时间 <span>2020/09/09 10:09:09</span></h3>
                    </li>
                </ul>
                <ul>
                    <li>
                       <div>
                        <p>王小明 <span>58岁</span></p>
                        <i>
                           机构门诊
                        </i>
                       </div>
                        <h5>待审核</h5>
                    </li>
                    <li>
                        <h3>服务包 <span>老年人服务包</span></h3>
                    </li>
                    <li>
                        <h3>服务项目 <span>高血压健康随访</span></h3>
                    </li>
                    <li>
                        <h3>申请时间 <span>2020/09/09 10:09:09</span></h3>
                    </li>
                </ul>
            </div>
        </section>
    </div>
</body>

</html>